<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>临床数据查询系统</title>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/common/bootstrap/css/bootstrap_pagination.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/jquery-1.12.4.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/bootstrap.min.js"></script>
    <%--日期控件--%>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/My97DatePicker/WdatePicker.js"></script>
    <!-- 分页插件 -->
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/common/path/css/jquery.bs_pagination.min.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/path/js/jquery.bs_pagination.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/common/path/js/localization/en.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/pageJs/ClinicalDataQuerySystem/findPis.js"></script>
</head>
<body>
<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">查询条件</h3>
        </div>
        <div class="panel-body">
            <form>
            <div class="col-xs-12">
                <div class="form-group col-sm-3">
                    <label class="control-label">姓名：</label>
                    <input type="text" id="name" class="form-control">
                </div>
                <div class="form-group col-sm-3">
                    <label class="control-label">性别：</label>
                    <select id="gender" class="form-control">
                        <option value="" id="gender_k">请选择</option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
                <div class="form-group col-sm-3">
                    <label class="control-label">开始时间(生日)：</label>
                    <input id="startDateBirth" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDateBirth\')}'});" class="form-control">
                </div>
                <div class="form-group col-sm-3">
                    <label class="control-label">结束时间(生日)：</label>
                    <input id="endDateBirth" onclick="WdatePicker({minDate:'#F{$dp.$D(\'startDateBirth\')}'});" class="form-control">
                </div>
            </div>
            <div class="col-xs-12">
                <div class="form-group col-sm-3">
                    <label class="control-label">就医开始时间：</label>
                    <input id="startDate" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'});" class="form-control">
                </div>
                <div class="form-group col-sm-3">
                    <label class="control-label">就医结束时间：</label>
                    <input id="endDate" onclick="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}'});" class="form-control">
                </div>
                <div class="form-group col-sm-3">
                    <label class="control-label"></label>
                    <button type="button" id="query_all" class="btn btn-primary">选择</button>
                    <button type="reset" id="query_all_reset" class="btn btn-primary">清空</button>
                </div>
            </div>
            </form>
        </div>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>出生日期</th>
                <th>联系电话</th>
                <th>身份证号</th>
                <th>就医时间</th>
            </tr>
        </thead>
        <tbody id="query_page">

        </tbody>
    </table>
    <div id="query_page_less">

    </div>
</div>
</body>
</html>